<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>记录</title>
		<link rel="icon" href="img/片1.ico" type="images/x-ico" />
	</head>
	 <link rel="stylesheet" href="style1.css">
	<style type="text/css">
		body{
  background: url(img/mitchel-lensink-DFIl2Kw6ulw-unsplash.jpg) no-repeat center;
  background-size: cover;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  
}
@font-face {
	font-family:"666";
	src: url(img/濑户字体简体.ttf);
}
@font-face {
	font-family:"661";
	src: url(img/王强手写体.ttf);
}
	</style>
	<body >
		<input type="checkbox" id="check">
    <label for="check">
        <i class="fas fa-bars" id="btn"></i>
        <i class="fas fa-times" id="cancel"></i>
    </label>
    <div class="sidebar">
      <a href="http://hu-chaofan.gitee.io/test2020.12.23./"> <header style="font-family: '666';font-size: 36px;">心旅计划</header></a>
        <ul>
            <li><a href="#"><i class="fas fa-qrcode"></i>登录</a></li>
            <li><a href="#"><i class="fas fa-link"></i>记录</a></li>
            <li><a href="#"><i class="fas fa-stream"></i>他人</a></li>
            <li><a href="#" style="font-size: 10px;"><i class="fas fa-calendar-week"></i>专业咨询师帮助【团队建设中。。。】</a></li>
            <li><a href="#"><i class="far fa-question-circle"></i>充值</a></li>
            <li ><a href="#" style="font-size: smaller;"><i class="fas fa-sliders-h"></i>社区【构建中。。。】</a></li>
            <li><a href="#" style="font-size: smaller;"><i class="far fa-envelope"></i>Feeback【构建中。。。】</a></li>
        </ul>
    </div>
		<form name="myform" style="font-family: '661';font-size: 52px;">
			记录：
			<input name="xingming" type="text"  />
            <br>
			时间：
			<input name="nianling" type="number"  />
		</form>
		<br />
		<br />
		<br />
		<table id="table1" style="font-family: '666';font-size: 20px;">
			<tr>
				<td>事件&心理历程</td>
				<td>时间轴</td>
			</tr>
			<tr>
				<td>出生，充满欣喜</td>
				<td>2002，10，1 </td>
			</tr>
			<tr>
				<td>来到湘潭大学，很高兴</td>
				<td>2020.9 </td>
			</tr>
		</table>
		
		<br />
		<button onclick="caozuo()">增加记录</button>
		
		<script >
			function caozuo(){
				tr=document.createElement("tr");
				d1=document.createElement("td");
				d2=document.createElement("td");
				d1.innerHTML=myform.xingming.value;
				
				d2.innerHTML=myform.nianling.value;
				tr.appendChild(d1);
				tr.appendChild(d2);
				table=document.getElementById("table1");
				table.appendChild(tr);
			}
		
	alert("在本页面，你将记录下你的内心变化与解决方案，我们将根据您的上传情况向您赠送代币。代币可用于购买他人经验包，冲冲冲。")
	

		</script>
	</body>
</html>
